<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>
</h:head>
<h:body>
	<ui:composition template="templates/templateLayout.xhtml">
		<ui:define name="content">
			<h:form>
				<p:accordionPanel>
					<p:tab title="Contato">
						<h:panelGrid columns="2" cellpadding="10" id="grid">
							<h:outputLabel value="Nome:" styleClass="ui-widget" ></h:outputLabel>
							<p:inputText id="name" value="" required="true" label="Nome"/>  
            				<p:message for="name" />  
            				<h:outputText value="" />
            				
            				<h:outputLabel value="Email:" styleClass="ui-widget" ></h:outputLabel>
							<p:inputText id="email" value="" required="true" label="Email">
								<f:validateRegex pattern="[\w\.-]*[a-zA-Z0-9_]@[\w\.-]*[a-zA-Z0-9]\.[a-zA-Z][a-zA-Z\.]*[a-zA-Z]" />
							</p:inputText>  
            				<p:message for="email" />  
            				<h:outputText value="" />
            				
            				<h:outputLabel value="Telefone:" styleClass="ui-widget" ></h:outputLabel>
							<p:inputText id="telefone" value="" required="true" label="Telefone">
								<f:validateRegex pattern="([0-9])-([0-9]) {9,10}"/>
							</p:inputText>  
            				<p:message for="telefone" />  
            				<h:outputText value="" />        
            				
            				<p:commandButton value="Enviar" update="grid" icon="ui-icon-mail-closed" validateClient="true" style="margin-right:10px"/>
						</h:panelGrid>
					</p:tab>
				</p:accordionPanel>
			</h:form>
		</ui:define>
	</ui:composition>
</h:body>

</html>